<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:core="http://www.contact.core.com/contacts/core/ui"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:profile="http://www.contact.core.profile.com/contacts/core/profile/ui"
      xmlns:atria="http://www.atria.cz/common/jsf"
        >

<ui:component>

    <!--@elvariable id="value" type="java.lang.String"-->
    <!--@elvariable id="style" type="java.lang.String"-->
    <a4j:outputPanel id="security#{value}">
        <a4j:mediaOutput onclick="nextPicture();"
                         element="img" mimeType="#{securityTextBean.mimeType}"
                         createContent="#{securityTextBean.paint}" value="#{value}"
                         style="#{style}" cacheable="false"
                >

            <f:param value="#{securityTextBean.timeStamp}" name="time"/>
        </a4j:mediaOutput>
        <rich:toolTip for="security#{value}" direction="bottom-right" value="#{resources.cannotReadText}"/>
    </a4j:outputPanel>


    <a4j:jsFunction name="nextPicture" reRender="security#{value}"/>
</ui:component>


</html>
